<!DOCTYPE html>
<html>

<head>
    <title>北京站网格化系统</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- Fonts -->
    <!-- CSS Libs -->
    <link rel="stylesheet" type="text/css" href="../lib/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="../lib/css/font-awesome.min.css">
    <link rel="stylesheet" type="text/css" href="../lib/css/animate.min.css">
    <link rel="stylesheet" type="text/css" href="../lib/css/bootstrap-switch.min.css">
    <link rel="stylesheet" type="text/css" href="../lib/css/checkbox3.min.css">
    <link rel="stylesheet" type="text/css" href="../lib/css/jquery.dataTables.min.css">
    <link rel="stylesheet" type="text/css" href="../lib/css/dataTables.bootstrap.css">
    <link rel="stylesheet" type="text/css" href="../lib/css/select2.min.css">
    <link rel="stylesheet" type="text/css" href="../lib/css/jquery.datetimepicker.css">
    <link rel="stylesheet" type="text/css" href="../lib/js/jquery-treegrid-master/jquery.treegrid.css">
    <link rel="stylesheet" type="text/css" href="../lib/css/baseCommon.css">
    <!-- CSS App -->
    <link rel="stylesheet" type="text/css" href="../lib/css/common/style.css">
    <link rel="stylesheet" type="text/css" href="../lib/css/common/themes/flat-blue.css">
    <link rel="stylesheet" type="text/css" href="../lib/css/common/newstyle.css">
    <!-- Javascript Libs -->
    <script type="text/javascript" src="../lib/js/jquery.min.js"></script>
    <script type="text/javascript" src="../lib/js/common/base.js"></script>
    <script type="text/javascript" src="../lib/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="../lib/js/bootstrap-switch.min.js"></script>
    <script type="text/javascript" src="../lib/js/jquery.matchHeight-min.js"></script>
    <script type="text/javascript" src="../lib/js/jquery.dataTables.min.js"></script>
    <script type="text/javascript" src="../lib/js/dataTables.bootstrap.min.js"></script>
    <script type="text/javascript" src="../lib/js/select2.full.min.js"></script>
    <script type="text/javascript" src="../lib/js/ace/ace.js"></script>
    <script type="text/javascript" src="../lib/js/ace/mode-html.js"></script>
    <script type="text/javascript" src="../lib/js/ace/theme-github.js"></script>
    <script type="text/javascript" src="../lib/js/datetimepicker.js"></script>
    <script type="text/javascript" src="../lib/js/jquery-treegrid-master/jquery.treegrid.min.js"></script>
    <script type="text/javascript" src="../lib/js/jquery-treegrid-master/jquery.treegrid.bootstrap3.js"></script>
    <script type="text/javascript" src="../lib/js/jquery-treegrid-master/jquery.treegrid.extension.js"></script>
    <script type="text/javascript" src="../lib/js/vue.js"></script>
    <script type="text/javascript" src="../lib/js/common/app.js"></script>
    <script type="text/javascript" src="../lib/js/organization.js"></script> 
</head>

<body class="flat-blue">
    <div class="app-container expanded">
        <div class="row content-container">
           <nav class="navbar navbar-default navbar-fixed-top navbar-top">
                <div class="container-fluid app-header">
                   <div class="navbar-header">
                        <button type="button" class="navbar-expand-toggle fa-rotate-90">
                        <i class="fa fa-bars icon"></i>
                        </button>
                        <top-nav></top-nav>
                    </div>
                    <right-info></right-info>
                </div>
            </nav>
            <div class="side-menu-wrap">
                <side-menu></side-menu>
            </div>
            <!-- 中间内容 -->
            <!-- Main Content -->
            <div class="container-fluid base_all">
               <!-- 组织信息 -->
                <div class=" base_info">
                  <p class="base_info_p">组织信息</p>
                   <p class="base_info_ps">在此填写或修改组织的信息。</p>
                   <p class="base_info_ps">完整的信息有助于组织成员更顺畅的使用，体现统一、规范、正式的组织形象。</p>
                </div>
                <div class="base_form">
                    <!-- 组织信息编辑 -->
                    <div class="base_form_info">
                        <!-- <p class="easy">组织简称：<input type="text" value="" readonly="" class="form_input input_none input_common"></p>
                        <p class="all">组织全称：<input type="text" value="" readonly="" class="form_input input_none input_common"></p>
                        <p class="inter">组织网站：<input type="text" value="" readonly="" class="form_input input_none input_common"></p>
                        <p class="time">成立时间：<input type="text" id="datetimepicker" value="" readonly="" class="input_none input_common ptime picker" name="time"></p>
                        <p class="intro">组织介绍：</p><textarea value="" readonly="" class="big_text input_none input_common" placeholder="正在输入..."></textarea> -->
                    </div>
                    <div class="btn_div">
                         <button type="" class="btn_editor btn_common">编辑</button>
                    </div>
                   
                </div>
            </div>
        </div>
        <div>
</body>
<script>
    navData.accNav1 = 'organization'
    navData.nav1Name = '组织管理'
    navData.accNav2 = 'organization-base'
    navData.accNav3 = '3'
    var navVue = new Vue({
        el:'.side-menu-wrap' 
    })
    var navTopVue = new Vue({
        el:'.app-header' 
    })
     $(function(){
         getInfo();
    })
    // 显示时间
    function time(){
        var date = new Date();
        var year = date.getFullYear();
        var month = date.getMonth()+1;
        var day = date.getDate();
        var time=year+'-'+month+'-'+day;
        var dateTime = $('input[name="time"]').val(time);
    }time()
    // 点击编辑
    $(".btn_editor").on('click',function(){
        if($(this).text()=="编辑"){
            $(".input_common").removeClass('input_none');
            $(".input_common").addClass('input_color');
            $(".btn_editor").text('保存');
            $(".input_common").attr('readonly',false);
            $("#datetimepicker").datetimepicker({
                        timepicker: false,
                        format:'Y-m-d'
            });
        }else if($(this).text()=="保存"){
            $(".input_common").addClass('input_none');
            $(".input_common").removeClass('input_color')
            $(".btn_editor").text('编辑');
            $(".input_common").attr('readonly',true);
        }
          editorData()     
    })
</script>
</html>
